<template>
  <view class="box">
    <!-- 地址 -->
    <view class="box1">
      <dizhi></dizhi>
    </view>

    <!--  -->
    <view class="box3">
      <view class="box31">
        <view class="bxo1left">
          <image src="/static/logo.png" mode="" />
        </view>
        <view class="bxo1right">
          <view class="bxo1right1">
            服务名称服务名称
          </view>
          <view class="bxo1right2">
            ￥80/次
          </view>
        </view>
      </view>
    </view>
    <!--  -->
    <view class="box2">
      <view class="box211">
        <view class="box21-1">补价金额</view>
        <view class="box21-2">
          <input type="text" placeholder="请输入补价金额" />
        </view>
      </view>
    </view>
    <!--  -->
    <view class="box4">
      <view class="box11">
        <view class="box11-1">补价内容</view>
        <view class="box11-2">
          <textarea value="" placeholder="请输入补价内容" />
        </view>
      </view>
    </view>
    <!--  -->
    <view class="box5">
      <view class="box51">
        <button class="but">确认补价</button>
      </view>
    </view>
  </view>
</template>

<script setup>
  import {
    ref
  } from 'vue';
  import dizhi from '@/component/dizhi/dizhi.vue'
  components: {
    dizhi
  }
</script>

<style lang="scss">
  @import url("./fjbj.css");
</style>